@import "ui";
#zhgl-map {
  .oversee-table {
    table {
      table-layout: fixed;
      thead {
        th {
          text-align: left;
          padding:0 0 0 10px
        }
      }

      tbody {
        td {
          text-align: left;
          padding:0 0 0 10px
        }
        .text-align-right{
          text-align: right;
          padding: 0 10px 0 10px;
        }
      }

    }
  }
  .oversee-table-footer {
    padding: 6px 0 0 0
  }
  .blue-table {
    margin: 0 0 10px 0;
    table {
      table-layout: auto;
      border: 1px dashed @main-blue;
      background: @case-color-opacity;
    }
    .on-line {
      display: inline-block;
      width:10px;
      height:10px;
      border-radius: 50%;
      background: #42a75a;
    }

    .off-line {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #b0bec5;
    }
  }
  .call-form {
    width:100%;
    background: @case-color-opacity;
    border: 1px dashed @main-blue;
    padding: 44px 12px 0 12px;
    position: relative;
    .form-group-control {
      width:333px;
      .form-control {
        margin:0;
      }
    }
  }
  .call-type {
    display: flex;
    position: absolute;
    top: -1px;
    left: -10px;
    font-size: @large-font;
    div {
      width:106px;
      height:32px;
      text-align: center;
      line-height: 32px;
      color:@main-blue;
      border:1px solid @main-blue;
      transform: skew(-20deg);
      cursor: pointer;
      span {
        transform: skew(20deg);
        display: inline-block;
      }
    }
    .active {
      background: @main-blue;
      border: none;
      color: white;
    }
  }
  .blue-table-head {
    border-bottom: 1px solid @main-blue;
  }
  .oversee-picked-people {
    margin: 6px 16px 0 0;
    font-size: @base-font;
  }
  .map-textarea {
    flex: 1 0 auto;
    min-height: 78px;
  }
  .call-history {
    margin: 10px 0 0 0;

  }
  .call-history-footer {
    margin: 10px 0 0 0;

  }
  .call-type-phone-content {
    .oversee-table {
      table {
        background: transparent;
        border: none;
        border-bottom: 1px dotted @main-blue;
      }

    }
    .form-group {
      margin-top: 10px;
    }
  }

}
